<template>
  <div class="root linesHidden" @click="enterNextLevel(isData)">
    <div class="flexC ">
      {{isData.dirName}}
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods:{
    enterNextLevel(item){
      console.log(item)
      this.$emit("selfChildren",item)
    }
  },
  props: {
    isData: Object,
  },
};
</script>
<style scoped>
  .root{
    width: 100px;
    height: 130px;
    background: green;
    color: honeydew;
    box-sizing: border-box;
    padding: 3px;
    margin: 3px;
    user-select: none;
    cursor:pointer
  }
</style>

